<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>卡片列表</title>
    <!--按例-->
    <link rel="stylesheet" href="miniCardList.css">
    <link rel="stylesheet" href="schoolCard.css">

</head>

<body>
    <div class="wrapper">
        <div class="list-container">
            <div class="mini-card">
                <div class="card-title">
                    <a href="#">
                        <img src="http://119.29.85.47/static/gaokao/img/471.jpg" /> <span>集美大学</span>
                    </a>
                </div>
                <div class="card-tags">
                    <span>普通本科</span>
                    <span>重点</span>
                    <span>公办</span>
                </div>
                <div class="card-infos">
                    <span>福建省</span>
                    <span>厦门市</span>
                    <span>综合类</span>
                </div>
            </div>
            <div class="mini-card">
                <div class="card-title">
                    <a href="#">
                        <img src="http://119.29.85.47/static/gaokao/img/471.jpg" /> <span>集美大学</span>
                    </a>
                </div>
                <div class="card-tags">
                    <span>普通本科</span>
                    <span>重点</span>
                    <span>公办</span>
                </div>
                <div class="card-infos">
                    <span>福建省</span>
                    <span>厦门市</span>
                    <span>综合类</span>
                </div>
            </div>
            <div class="mini-card">
                <div class="card-title">
                    <a href="#">
                        <img src="http://119.29.85.47/static/gaokao/img/471.jpg" /> <span>集美大学</span>
                    </a>
                </div>
                <div class="card-tags">
                    <span>普通本科</span>
                    <span>重点</span>
                    <span>公办</span>
                </div>
                <div class="card-infos">
                    <span>福建省</span>
                    <span>厦门市</span>
                    <span>综合类</span>
                </div>
            </div>
            <div class="mini-card">
                <div class="card-title">
                    <a href="#">
                        <img src="http://119.29.85.47/static/gaokao/img/471.jpg" /> <span>集美大学</span>
                    </a>
                </div>
                <div class="card-tags">
                    <span>普通本科</span>
                    <span>重点</span>
                    <span>公办</span>
                </div>
                <div class="card-infos">
                    <span>福建省</span>
                    <span>厦门市</span>
                    <span>综合类</span>
                </div>
            </div>
            <div class="mini-card">
                <div class="card-title">
                    <a href="#">
                        <img src="http://119.29.85.47/static/gaokao/img/471.jpg" /> <span>集美大学</span>
                    </a>
                </div>
                <div class="card-tags">
                    <span>普通本科</span>
                    <span>重点</span>
                    <span>公办</span>
                </div>
                <div class="card-infos">
                    <span>福建省</span>
                    <span>厦门市</span>
                    <span>综合类</span>
                </div>
            </div>
        </div>
    </div>
</body>

</html>